<div class="viewer-root">
  <a-icon v-if="isReaction && (value != null)" type="download" class="download-icon" @click="download" />
  <a-icon v-if="zoomable" type="fullscreen" class="zoom-icon" @click="() => zoomableModalVisible = true" />
  <div class="viewer-container" ref="structureContainer"></div>
  <a-modal
    v-if="zoomable"
    :width="1200"
    :destroyOnClose="true"
    :closable="false"
    :visible="zoomableModalVisible"
    :footer="null"
    @cancel="()=> zoomableModalVisible = false"
  >
    <reaction-editor
      toolbar="view3d"
      minHeight="600"
      :value="value"
      :index="0"
      :format="format"
      @sketchChange="sketchChange"
    />
  </a-modal>
</div>
